// 全局 颜色 配置

// 背景色
$bg: #f8f8f8;
$lightBg: #e2d7d7;
$splitLine: #eceff3;
$borderColorGrey: #e4e5e6;

// 黑色
$black: #000;
// 首页 黑色方块背景色
$darkBlack: #222;
$middleBlack: #300;
$lightBlack: #333;

// 白
$white: #fff;
$lightWhite: #ddd;
$middleWhite: #d8d8d8;
$darkWhite: #dadada;

//灰
$grey: #666;
$lightGrey: #eee;
$middleGrey: #ccc;
$darkGrey: #999;

// 红
$red: #e93c00;
$lightRed: #e93c00;
$darkRed: #cd201f;

// 橙色
$orange: #5166a3;
$lightOrange: #5166a3;
// $orange: #3a3e4e;
// $lightOrange: #3a3e4e;

// 黄色
$yellow: #fad961;
$darkYellow: #fba503;
$middleYellow: #ffc53d;
$lightYellow: #f5a623;

// 粉色
$pink: #f48892;
$darkpink: #f35177;

// 棕色
$brown: #f17250;
$lightBrown: #f1917b;

// 蓝色
$blue: #648fe3;
$lightBlue: #7eccef;
$middleBlue: #267ada;

// 绿色
$green: #9ddc6b;
$lightGreen: #aeeb94;

// 文字颜色
$title: #3a3e4e;
$mainTitle: #3e3e3e;
$subTitle: #666;
$disabledTitle: #999;
$primaryColor: $yellow;
$primaryFontColor: $red;

// 盒子阴影
$boxShadow: 0 0 16px 0 rgba(102, 102, 102, 0.1);

// 渐变
$whiteGradient: linear-gradient(-90deg, $white 9%, $white 80%);
// $blackGradient: linear-gradient(270deg, $white 80%, $white 9%);
$blackGradient: linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.09));
$orangeGradient: linear-gradient(90deg, #5266a2, $lightOrange);

$yellowGradient: linear-gradient(155deg, $yellow, $lightOrange);
$yellowGradient180: linear-gradient(180deg, $yellow, $lightOrange);
$pinkGradient: linear-gradient(155deg, $pink, $darkpink);
$brownGradient: linear-gradient(155deg, $lightBrown, $brown);
$blueGreyGradient: linear-gradient(155deg, $lightBlue, $blue);
$greenGreyGradient: linear-gradient(155deg, $lightGreen, $green);
$whiteGradient: linear-gradient(0deg, rgba(250, 217, 97, 0.13), $lightOrange);
